<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="Seminario de Ing. Informatica I (75.71)">
	    <meta name="author" content="">
	    <meta name="layout" content="main"/>
	
	    <title>Kiosco Deal</title>
	
	    <!-- Bootstrap core CSS -->
	    <!-- <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> -->
	    <link rel="stylesheet" href="${resource(dir: 'bootstrap/css', file: 'bootstrap.css')}" type="text/css">
	
	    <!-- Add custom CSS here -->
	    <!-- <link href="bootstrap/css/sb-admin.css" rel="stylesheet">
	    <link rel="stylesheet" href="bootstrap/font-awesome/css/font-awesome.min.css"> -->
	    <!-- Page Specific CSS -->
	    <!-- <link rel="stylesheet" href="bootstrap/css/morris-0.4.3.min.css"> -->
	    
	    
	    <link rel="stylesheet" href="${resource(dir: 'bootstrap/css', file: 'sb-admin.css')}" type="text/css">
	    <link rel="stylesheet" href="${resource(dir: 'bootstrap/font-awesome/css', file: 'font-awesome.min.css')}" type="text/css">
	    <link rel="stylesheet" href="${resource(dir: 'bootstrap/css', file: 'morris-0.4.3.min.css')}" type="text/css">
	    
	    
	    
	</head>
	<body>
	
		 <div id="wrapper">
	 	    <!-- Sidebar -->
	        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		        <!-- Brand and toggle get grouped for better mobile display -->
		        <div class="navbar-header">
		         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
		            <span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </button> 
		        </div>
		        
		        <!-- Collect the nav links, forms, and other content for toggling -->
	       		<div class="collapse navbar-collapse navbar-ex1-collapse">
	       			<img src="${resource(dir: 'images', file: 'logo.png')}" alt="Kiosco Deal" style="height: 80px; width: 150px"/>
	       			<ul class="nav navbar-nav side-nav">	       					       			
		       				<g:each var="c" in="${grailsApplication.controllerClasses.sort { it.name } }">
								<li class="controller"><a href="${c.logicalPropertyName}">${c.name}</a></li>								
							</g:each>	       				
	       			</ul>	       		
	       		</div><!-- /.navbar-collapse -->
      		</nav>
		 </div><!-- /#wrapper -->
		 
		 
		 
	
	
	<!-- 
		<a href="#page-body" class="skip"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div id="status" role="complementary">
			<h1>Menú</h1>
			<ul>
				<g:each var="c" in="${grailsApplication.controllerClasses.sort { it.name } }">
					<li class="controller"><g:link controller="${c.logicalPropertyName}">${c.name}</g:link></li>
				</g:each>
			</ul>
		</div>
		<div id="page-body" role="main">
			<h1>Bienvenido a Kiosco Deal</h1>
		</div>
		
		 -->
		
		<!-- JavaScript -->
	    <!-- <script src="bootstrap/js/jquery-1.10.2.js"></script>
	    <script src="bootstrap/js/bootstrap.js"></script>
	     -->
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js', file: 'jquery-1.10.2.js')}" type="text/javascript"></script>
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js', file: 'bootstrap.js')}" type="text/javascript"></script>
	    
	
	    <!-- Page Specific Plugins -->
	    <!-- <script src="bootstrap/js/raphael/raphael-min.js"></script>
	    <script src="bootstrap/js/morris/morris-0.4.3.min.js"></script>
	    <script src="bootstrap/js/morris/chart-data-morris.js"></script>
	    <script src="bootstrap/js/tablesorter/jquery.tablesorter.js"></script>
	    <script src="bootstrap/js/tablesorter/tables.js"></script>
	     -->
	    
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js/raphael', file: 'raphael-min.js')}" type="text/javascript"></script>
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js/morris', file: 'morris-0.4.3.min.js')}" type="text/javascript"></script>
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js/morris', file: 'chart-data-morris.js')}" type="text/javascript"></script>
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js/tablesorter', file: 'jquery.tablesorter.js')}" type="text/javascript"></script>
	    <script rel="stylesheet" href="${resource(dir: 'bootstrap/js/tablesorter', file: 'tables.js')}" type="text/javascript"></script>
	    
	    
	</body>
</html>
